@import url("iconfont.css");
* {margin: 0px;padding: 0px;}
body {font-size: 12px;color: #333;font-family: 'Open Sans', Microsoft Yahei, Arial, Helvetica, sans-serif;}
ul li {list-style-type: none;}
img {border: 0;vertical-align:top;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea,select {-webkit-appearance: none;} 
input,textarea,select {font-family: 'Open Sans', Microsoft Yahei, Arial, Helvetica, sans-serif;outline:none;}

a:link {color: #333;text-decoration: none;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #F00;}
a:active {text-decoration: none;}
a.wl:link, a.wl:visited, a.wl:active {color: #FFF;text-decoration: none;}
a.wl:hover {color: #F90;}
a.wb:link, a.wb:visited, a.wb:active {color: #069;text-decoration: none;}
a.wb:hover {color: #C00;}
a.wr:link, a.wr:visited, a.wr:active {color: #C00;text-decoration: none;}
a.wr:hover {color: #000;}
a.wg:link, a.wg:visited, a.wg:active {color: #999;text-decoration: none;}
a.wg:hover {color: #C00;}
.f_black {color: #000;}
.f_red {color: #C00;}
.f_white {color: #FFF;}
.f_gray {color: #999;}
.f_orange {color: #F90;}
.f_green {color: #66A228;}
.f_blue {color: blue;}
.f_mblue {color: #1B75BC;}
.f_dblue {color: #233F6F;}
.f_gold {color: #F60;}
.f_pink {color: #B5084A;}
.f_Arial {font-family: Arial, Helvetica, sans-serif;}
.f_yk {font-family: Microsoft Yahei;}
.blod {font-weight: bold;}
.noblod {font-weight: normal;}
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px15 {font-size: 15px;}
.px16 {font-size: 16px;}
.px18 {font-size: 18px;}
.px20 {font-size: 20px;}
.px25 {font-size: 25px;}
.input {height: 18px;border: solid 1px #ccc;margin-left: 5px;padding: 3px;}
.fleft {float: left;}
.fright {float: right;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt35 {margin-top: 35px;}
.mt45 {margin-top: 45px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.v-m {vertical-align: middle;}
.v-t {vertical-align: text-top;}
.t-c {text-align: center;}
.t-r {text-align: right;}
.clear {clear: both;line-height: 0px;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.hide {display: none !important;}
.show {display: block !important;}
.line {background: url(../image/line.png) repeat-x left center;height: 18px;width: 100%;margin: 0px auto;clear: both;}
.kk {width: 1200px;margin: 0 auto;}
.success {-webkit-animation: fadeIn 01s ease 0.2s 1 both;animation: fadeIn 1s ease 0.2s 1 both;}
@-webkit-keyframes fadeIn {
from {
opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {
opacity: 0;}
to {opacity: 1;}
}

.city{width: 100%;display: inline-block;background: url(/images/1.png) no-repeat left center;height: 35px;line-height: 35px;}
.more_c{display: inline-block;position: relative;}
.more_c ul{display: none;position: absolute;width:800px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.13);border-radius: 4px;z-index:9999;
    top: 35px;left: 0;padding: 8px 5px 5px;box-sizing: border-box;}
.more_c span{display: inline-block;color: #b12933;cursor: pointer;}
.more_c:hover ul{display: block;font-size: 0;}
.more_c li{float: left;display: inline-block;padding:5px 10px;box-sizing: border-box;font-size:14px;border-bottom:1px #f5f5f5 solid;}
li.True {background:#eef8ff;border-bottom:1px #ff8c00 solid;}
.more_c li b{display: inline-block;float: left;}
.more_c li a{font-size: 15px;padding: 5px;display: block;}
.more_c li:hover{ background:#ececec;}
.more_c li p{ padding-left:10px;float: left;}
.more_c li p a{display: inline-block;padding: 0 5px;}
.hot_city{display: inline-block;}
.hot_city span{font-weight: bold;color: #f00;margin-left: 15px;}
.hot_city li{display: inline-block;}
.hot_city li a{display: inline-block;padding: 0 5px 0 0;}
.hot_city li a:hover{}

/*分页*/
.manu {margin: 15px 0px;text-align: center;font-family: Arial, Helvetica, sans-serif}
.manu a {border: #b2bfcf 1px solid;padding: 6px 10px;margin: 2px;color: #666;text-decoration: none;background: #FFF}
.manu a:hover {border: #333 1px solid;color: #666}
.manu a:active {border: #333 1px solid;}
.manu .current {border: #333 1px solid;padding: 6px 10px;font-weight:bold;margin: 2px;color: #fff;background: #333;}
.manu span {border: #DDD 1px solid;padding: 6px 10px;margin: 2px;color: #ddd;background: #FFF;}
header {background:#FFF;}
header .od {height:30px;line-height:30px;background:#f1f1f1;border-bottom:solid 1px #dbdbdb;color:#656565;font-size:13px;}
header .lng {line-height:30px;height:30px;font-size:13px;position:relative;float:right;margin-left:30px;}
header .lng:before {content:"\e6aa";font-family:"iconfont" !important;font-size:12px;vertical-align:middle;position:absolute;left:-15px;top:1px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
header .lng a {color:#656565;}
header .lng ul {position:absolute;top:30px;right:0;line-height:normal;background:#F3F3F3;display:none;z-index:999;}
header .lng ul li a {display:block;line-height:30px;padding:0px 10px 0 10px;border-bottom: solid 1px #DDD;text-align:center;}
header .lng ul li a:hover {color: #FFF;font-weight: normal;background: #000;border-bottom: solid 1px #000;}
header .logo {padding:20px 0;}
header .logo img {height: auto;max-width: 100%;}
header .logo b{font-size: 28px;}
.cs_logo img {max-width: 100px;}
.cs_logo a {display: flex;align-items: center;}
header .tel {float:right;background:url(../image/tel.png) no-repeat left center;padding-left:55px;font-size:16px;margin-top:35px;}
header .tel span {display:block;font-size:20px;color:#FF8C00;}
header .menu {height: 50px;background:url(../image/menubg.jpg) repeat #12aa00;padding:5px 0;position: relative;}
header .menu li {float:left;width: 12.5%;background:url(../image/menu_od.png) no-repeat right center;margin-left:-1px;}
header .menu li:last-child {background:none;}
header .menu li a {display:block;height:50px;line-height:50px;text-align: center;color:#FFF;font-size:16px;}
header .menu li a:hover {background:#FF8C00;color:#FFF;}
#home .menu li#m1 > a,#page1 .menu li#m2 > a,#page2 .menu li#m3 > a,#page3 .menu li#m4 > a,#page4 .menu li#m5 > a,#page5 .menu li#m6 > a,#page6 .menu li#m7 > a,#page7 .menu li#m8 > a {*background:#FF8C00;*color:#FFF;}
header .menu li.mainlevel{position:relative;z-index:999;}
header .menu li.mainlevel:hover{background:#FF8C00;color:#FFF;}
header .menu li ul {width:175px;position:absolute;display:none;top:50px;left:0px;}
header .menu li ul li{background: none;width:175px;margin-left:0px;border-right:none;}
header .menu li ul li a{height:auto;padding:10px 5px;font-size:14px;font-weight:normal;width:165px;line-height:22px;display:block;color:#333;text-align:center;border-top:solid 1px #DDD;background:#EEE;filter: Alpha(opacity=90);-moz-opacity: .90;opacity: 0.90;}
header .menu li ul li a:hover{color:#FFF;font-weight:normal;background: #13ab01;height:auto;line-height:22px;border-top:solid 1px #13ab01;filter: Alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
#banner {position: relative;width: 100%;}
#banner .prev, #banner .next {position: absolute;width: 35px;height: 35px;top: 50%;margin-top: -18px;background:#000;background-size: 100% 100%;border-radius: 50%;border:solid 1px #000;cursor: pointer;z-index: 3;filter: Alpha(opacity=50);-moz-opacity: .50;opacity: 0.50;}
#banner .prev:before, #banner .next:before {content:"\e7ab";font-family:"iconfont" !important;vertical-align:middle;position:absolute;width:100%;height:100%;line-height:35px;font-size:35px;color:#FFF;text-align:center;}
#banner .prev {left: -40px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#banner .next {right: -40px;}
#banner:hover .prev, #banner:hover .next,#banner .prev, #banner .next {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#banner:hover .prev {left: 10px;}
#banner:hover .next {right: 10px;}
#banner .img {height: 600px;background-color: #FFF;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#banner .img img {display:none;}
#banner .swiper-pagination-bullet {width:12px;height:12px;background:#999;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;filter: Alpha(opacity=70);-moz-opacity: .70;opacity: 0.70;}
#banner .swiper-pagination-bullet-active {background:#FF8C00;}
#bannercs img {width: 100%;}

.yunu-sou {padding: 15px 0;background-color: #f5f5f5;}
.yunu-sou .hot {float: left;padding: 5px 0;}
.yunu-sou .hot strong {color: #258C44;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hform {float: right;}
.yunu-sou .hform input {float: left;font-size: 12px;border: 1px solid #eee;padding: 6px 12px;line-height: 16px;width: 210px;}
.yunu-sou .hform button {border: 0;border-bottom: 1px solid transparent;padding: 0;float: left;cursor: pointer;outline: none;width: 49px;height: 30px;background: #258C44;color: #fff;}

#mid .tit {text-align:center;font-weight:normal;margin-bottom:20px;}
#mid .tit span {position:relative;font-size:16px;text-transform:uppercase;display:inline-block;color:#999;font-weight:300;}
#mid .tit span div {font-size:28px;margin-bottom:30px;color:#13ab01;}
#mid .tit span:before {content:"";position:absolute;left:0;bottom:30px;width:100%;height:1px;background:#DDD;}
#mid .tit span:after {content:"";position:absolute;left:38%;bottom:30px;width:20%;height:3px;background:#13ab01;border-left:solid 5px #FFF;border-right:solid 5px #FFF;}
#mid .hmpro {padding:50px 0;}
#mid .hmpro .promenu {display:inline-block;vertical-align:top;width:20%;text-align:center;margin-right:-3px;padding-right:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mid .hmpro .promenu h1 {background-color:#13ab01;padding:15px 0;color:#fff;font-size:28px;font-weight:300;}
#mid .hmpro .promenu h1 span {display:block;font-size:16px;margin-top:5px;text-transform:uppercase;}
#mid .hmpro .promenu ul {border:solid 2px #13ab01;padding:10px;background-color:#f6f6f6;}
#mid .hmpro .promenu ul li a {display:block;line-height:40px;font-size:16px;}
#mid .hmpro .promenu ul li a:hover {background-color:#13ab01;color:#fff;}
#mid .hmpro article {display:inline-block;width:80%;text-align:center;margin-right:-3px;}
#mid .hmpro article li {display:inline-block;width:21.5%;padding-left:2%;margin-left:-3px;margin-right:2%;margin-bottom:1%;text-align:center;vertical-align:top;}
#mid .hmpro article li:nth-child(4n+0) {margin-right:0;}
#mid .hmpro article li .img {width:100%;overflow:hidden;}
#mid .hmpro article li .img img {width:100%;height:100%;vertical-align:bottom;transition: transform 0.3s ease 0s;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;}
#mid .hmpro article li .img:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
#mid .hmpro article li h3 {font-size:14px;margin:10px 0;font-weight:normal;}
#mid .more {display:inline-block;}
#mid .more a {display:block;padding:10px 25px;border:solid 1px #DDD;color:#666;font-size:14px;background-color:#fff;}
#mid .more a:hover {border:solid 1px #13ab01;color:#FFF;background-color:#13ab01;}
#mid .hmpic {margin-top:50px;margin-left:3px;}
#mid .hmpic li {display:inline-block;margin-left:-3px;width:49%;margin-right:2%;vertical-align:top;position:relative;}
#mid .hmpic li:nth-child(2n+0) {margin-right:0;}
#mid .hmpic li .img {width:100%;height:100%;position:relative;}
#mid .hmpic li .img img {width:100%;}
#mid .hmpic li .img:after {content:"";position:absolute;width:100%;height:100%;left:0;top:0;filter: Alpha(opacity=0);-moz-opacity: 0;opacity: 0;background:#000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmpic li:hover .img:after {filter: Alpha(opacity=60);-moz-opacity: .60;opacity: 0.60;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmpic li article {text-align:center;position:absolute;width:80%;height:80%;left:10%;top:10%;color:#FFF;filter: Alpha(opacity=0);-moz-opacity: 0;opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmpic li:hover article {filter: Alpha(opacity=100);-moz-opacity: 1;opacity: 1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmpic li article h3 {font-size:24px;font-weight:normal;margin-top:15%;}
#mid .hmpic li article p {font-size:15px;margin-top:20px;}
#mid .hmpic li article .btn {display:inline-block;margin-top:20px;border:solid 1px #FFF;padding:10px 20px;font-size:14px;}
#mid .hmab {text-align:center;padding:50px 0;background-color:#f6f6f6;}
#mid .hmab article {text-align:left;line-height:2;font-size:16px;margin-bottom:20px;}
#mid .hmab article p {margin-bottom:20px;}
#mid .hmab article img {max-width:100%;}
#mid .hmys {text-align:center;padding:50px 0;}
#mid .hmys h1 {font-size:40px;color:#13ab01;font-weight:normal;}
#mid .hmys h2 {font-size:20px;font-weight:normal;margin:10px 0;color:#666;}
#mid .hmys ul li {padding:30px 0;border-bottom:solid 1px #CCC;}
#mid .hmys ul li:last-child {border-bottom:none;padding:30px 0 0 0;}
#mid .hmys ul li .img {width:45%;display:inline-block;margin-right:-3px;vertical-align: middle;}
#mid .hmys ul li:nth-child(even) .img {float:right;}
#mid .hmys ul li .img img {max-width:100%;}
#mid .hmys ul li article {width:45%;display:inline-block;margin-right:-3px;padding:0 5% 30px 5%;text-align:left;vertical-align: middle;}
#mid .hmys ul li:nth-child(even) article {margin-top:50px;}
#mid .hmys ul li article h3 {font-size:28px;color:#FF8C00;font-weight:normal;margin-bottom:20px;}
#mid .hmys ul li article h3 span {padding:0 10px;background-color:#FF8C00;color:#fff;margin-right:10px;}
#mid .hmys ul li article p {margin-top:15px;font-size:18px;line-height:1.5;padding-left:20px;color:#666;position:relative;}
#mid .hmys ul li article p:before {content:"\e6aa";font-family:"iconfont" !important;font-size:20px;position:absolute;left:0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);color:#999;}
#mid .hmcase {padding:50px 0;background:url(../image/casebg.jpg) no-repeat;background-size:cover;background-attachment:fixed;text-align:center;}
#mid .hmcase .tit span {color:#eee;}
#mid .hmcase .tit span div {color:#fff;}
#mid .hmcase .tit span:after {background:#fff;}
#mid .hmcase ul {margin-top:30px;}
#mid .hmcase ul li {width:23.5%;display:inline-block;margin-left:-3px;margin-right:2%;margin-bottom:30px;background-color:#fff;padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mid .hmcase ul li:nth-child(4n+0) {margin-right:0;}
#mid .hmcase ul li .img {width:100%;}
#mid .hmcase ul li .img img {width:100%;height:100%;}
#mid .hmcase ul li h3 {margin-top:10px;font-size:15px;font-weight:normal;line-height:1.5;}
#mid .hmkh {text-align:center;padding:50px 0;display: none;}
#mid .hmkh article {position:relative;overflow: hidden;margin-bottom:20px;}
#mid .hmkh article .swiper-slide {display:inline-block;width:20%;margin-right:-3px;padding:10px;text-align:center;vertical-align:top;border:solid 1px #FFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mid .hmkh article .swiper-slide:hover {border:solid 1px #DDD;background:#EEE;}
#mid .hmkh article .swiper-slide a:hover {color:#333;}
#mid .hmkh article .swiper-slide .img {width:100%;margin:0 auto;text-align:center;}
#mid .hmkh article .swiper-slide .img img {width:100%;height:100%;}
#mid .hmkh article .swiper-slide h3 {font-size:14px;font-weight:normal;margin:10px 0;}
#mid .hmnews {background-color:#f6f6f6;padding:50px 0;}
#mid .hmnews ul {width:32%;display:inline-block;vertical-align:top;margin-right:-3px;margin-left:2%;position:relative;z-index:1;}
#mid .hmnews ul:before {content:"";position:absolute;width:100%;height:100%;padding:4%;left:-4%;top:-4%;z-index:-1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmnews ul:hover:before {background-color:#fff;-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mid .hmnews ul:first-child {margin-left:0;}
#mid .hmnews ul .img {width:100%;margin-bottom:10px;}
#mid .hmnews ul .img img {width:100%;}
#mid .hmnews ul .img h3 {font-size:16px;line-height:200%;}
#mid .hmnews ul .img h3 span {float:right;color:#999;font-weight:normal;font-size:14px;}
#mid .hmnews ul li {line-height:2.5;font-size:14px;border-bottom:solid 1px #E8E8E8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:10px;background:url(../image/tb.png) no-repeat left center;}
#mid .hmnews ul li span {float:right;color:#999;}
#mid .hmnews ul li:last-child {border-bottom:none;}
.link {margin: 20px 0 0 0;}
footer {margin-top:20px;background:url(../image/menubg.jpg) repeat;padding:20px 0;line-height:25px;font-size:14px;color:#FFF;}
footer .link {line-height:40px;}
footer .link li {display:inline-block;margin-right:20px;}
footer .link li a {color:#FFF;}
footer .link li a:hover {color:#b12b29;}
footer .ewm {float:right;margin-left:50px;}
footer .ewm img {width:100px;display:block;}
p.tags.keee {margin: 15px 0;}
h3.left_h2 { float:left;font-size: 18px;color: #0e8100;}
span.left_span {margin-left: 20px;}
ul.index_news {width: 100%;margin-bottom: 25px;}
ul.index_news li {line-height: 2.5;font-size: 15px;list-style: circle;list-style-position: inside;border-bottom: 1px #b3b3b3 dashed;}
ul.index_news li .news_time{ float:right;}
.RELATED {margin-top: 50px;}
.list {margin-top: 20px;}
.list .description p{text-indent: 26px;}
.supersearch {margin-bottom: 20px;border-bottom: 1px #efefef dashed;padding-bottom: 15px;}
.supersearch .info {text-align: right;}

.backtop {position:fixed;right:10px;bottom:50px;width:35px;height:35px;text-align:center;line-height:40px;border-radius: 50%;border:solid 1px #555;background:#666;cursor: pointer;z-index: 999;filter: Alpha(opacity=50);-moz-opacity: .50;opacity: 0.50;}
.backtop:before {content:"\e6C4";font-family:"iconfont" !important;color:#FFF;font-size:22px;}
.backtop:hover {border:solid 1px #000;background:#000;}
#mid .left {width:240px;float:left;margin: 20px 0;position: relative;top: 0px;background:#FFF;-moz-box-shadow: 1px 1px 3px #CCC;-webkit-box-shadow: 1px 1px 3px #CCC;box-shadow: 1px 1px 3px #CCC;}
#mid .left h1 {height: 55px;background: #13ab01;position: relative;overflow: hidden;border: solid 1px #0e5a91;}
#mid .left h1:after {content: "";position: absolute;width: 200%;height: 200%;background: #0e8100;left: 0;top: 0;transform: rotate(-12.5deg);}
#mid .left h1 div {position: absolute;left: 0;top: 0;font-weight: normal;font-size: 22px;width: 100%;height: 55px;line-height: 55px;text-align: center;color: #FEFEFE;z-index: 2;}
#mid .left li {height: 40px;border: solid 1px #DDD;margin-top: -1px;}
#mid .left li.nobt {border-top: none;}
#mid .left li a {display: block;line-height: 40px;font-size: 14px;padding-left: 15px;}
#mid .left li a.on {background: #666 url(../image/type_td.png) no-repeat 220px center;margin: 0 -1px;color: #FFF;}
#mid .left .ewm {margin-top:30px;}
#mid .left .ewm img {width:100%;display:block;}
#mid .right {float: right;width: 940px;overflow: hidden;margin: 20px 0;background:#FFF;border:solid 1px #DDD;-moz-box-shadow: 1px 1px 3px #CCC;-webkit-box-shadow: 1px 1px 3px #CCC;box-shadow: 1px 1px 3px #CCC;}
#mid .right h1 {border-bottom: solid 1px #DDD;line-height: 45px;height: 45px;font-size: 16px;background: #EEE;-moz-box-shadow: 1px 0px 3px #CCC;-webkit-box-shadow: 1px 0px 3px #CCC;box-shadow: 1px 0px 3px #CCC;padding-right: 10px;font-weight:normal;}
#mid .right h1 div {float: left;background: #13ab01;height: 45px;border: solid 1px #0e5a91;color: #FFF;margin-left: -1px;margin-top: -1px;position: relative;overflow: hidden;}
#mid .right h1 div:after {content: "";position: absolute;width: 200%;height: 200%;background: #0e8100;left: 0;top: 0;transform: rotate(-18deg);}
#mid .right h1 div span {position: relative;left: 0;top: 0;font-weight: normal;font-size: 16px;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #FEFEFE;padding: 0 35px;z-index: 2;}
#mid .right .content {padding: 20px;}
#mid .right .content article {line-height: 28px;}
#mid .right .content article a {text-decoration: none;font-weight: bold;}
#mid .right .content article img {max-width:100%;}
#mid .news_list {background:#efefef;line-height: 30px;height: 30px;overflow: hidden;padding: 5px 10px;}
#mid .news_list.wt {background: #FFF;}
#mid .news_list a {padding-left: 10px;background: url(../image/tb.png) no-repeat left center;font-size: 14px;}
#mid .piclist {}
#mid .piclist li {display:inline-block;width:30%;margin-right:2%;margin-left:-3px;padding:0 1%;margin-bottom:30px;text-align:center;vertical-align:top;}
#mid .piclist li:nth-child(3n+0) {margin-right:0;}
#mid .piclist li .img {width:100%;margin:0 auto;text-align:center;}
#mid .piclist li .img img {vertical-align: middle;margin-right: -1px;max-width:100%;max-height:100%;}
#mid .piclist li .img span {display: -moz-inline-box;/*针对火狐*/}
#mid .piclist li .img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#mid .piclist li h3 {font-size:14px;margin:10px 0;font-weight:normal;}
#mid .piclist2 {}
#mid .piclist2 li {display:inline-block;width:21%;margin-right:2%;margin-left:-3px;padding:0 1%;margin-bottom:30px;text-align:center;vertical-align:top;}
#mid .piclist2 li:nth-child(4n+0) {margin-right:0;}
#mid .piclist2 li .img {width:100%;margin:0 auto;text-align:center;}
#mid .piclist2 li .img img {vertical-align: middle;margin-right: -1px;max-width:100%;max-height:100%;}
#mid .piclist2 li .img span {display: -moz-inline-box;/*针对火狐*/}
#mid .piclist2 li .img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#mid .piclist2 li h3 {font-size:14px;margin:10px 0;font-weight:normal;}
#mid .newslist {}
#mid .newslist ul li {display:inline-block;width:33.33%;margin-left:-3px;padding:10px 2%;margin-bottom:30px;text-align:center;vertical-align:top;border:solid 1px #FFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mid .newslist ul li:hover {border:solid 1px #DDD;background:#EEE;}
#mid .newslist ul li a:hover {color:#333;}
#mid .newslist ul li .img {width:100%;margin:0 auto;text-align:center;}
#mid .newslist ul li .img img {width:100%;height:100%;}
#mid .newslist ul li h3 {font-size:15px;font-weight:normal;margin:10px 0;}
#mid .newslist ul li p {font-size:13px;line-height:20px;margin-top:10px;text-align:left;}
#showinfo {padding: 20px 0px;border-top: none;line-height: 25px;}
#showinfo .btn1 a {background: #FFF;border: 1px solid #CCC;color: #999;height: 25px;line-height: 23px;text-align: center;margin: 0px;padding: 0 15px;display: block;font-size: 14px;}
#showinfo .btn1 a:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: #13ab01;color: #FFF;border: 1px solid #13ab01;}
#showinfo .btn2 a {background: #13ab01;border: 1px solid #13ab01;color: #FFF;height: 25px;line-height: 23px;text-align: center;margin: 0px;padding: 0 15px;display: block;font-size: 14px;margin-left: -1px;}
#showinfo .btn2 a:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: #FFF;border: 1px solid #CCC;color: #999;}
#showinfo h2 {margin-top: 20px;border-top: solid 1px #DDD;text-align: center;padding: 20px 0;font-size: 25px;font-weight: normal;}
.about #showinfo h2 {margin-top: 0;padding: 0;border-top: 0;}
#showinfo .fb a {width: 25px;height: 25px;margin: 0 5px 0 15px;float: left;font-size: 0;display: block;background: url(../image/icon.png) no-repeat 0px 0px;}
#showinfo .fb a:hover {background: url(../image/icon.png) no-repeat -71px 0px;}
#showinfo .fs a {width: 25px;height: 25px;float: left;font-size: 0;display: block;background: url(../image/icon.png) no-repeat -35px 0px;}
#showinfo .fs a:hover {background: url(../image/icon.png) no-repeat -106px 0px;}
#showinfo article {margin-top: 20px;line-height: 28px;padding: 10px;}
#showinfo article a {text-decoration: underline;font-weight: bold;}
#showinfo #bpicmain {width: 700px;margin: 20px auto 0 auto;border: solid 1px #EEE;height: 450px;position: relative;}
#showinfo #bpic {width: 700px;text-align: center;height: 450px;position: absolute;z-index: 99;}
#showinfo #bpic img {vertical-align: middle;margin-right: -1px;position: relative;z-index: 1;}
#showinfo #bpic span {display: -moz-inline-box;/*针对火狐*/}
#showinfo #bpic span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#showinfo #bpic_lt {height: 450px;width: 150px;position: absolute;left: 0px;top: 0px;z-index: 100;background: #FFF;filter: Alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#showinfo #bpic_rt {height: 450px;width: 150px;position: absolute;right: 0px;top: 0px;z-index: 100;background: #FFF;filter: Alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#showinfo #bpic_ct {height: 450px;width: 400px;position: absolute;left: 150px;top: 0px;z-index: 100;background: #FFF;filter: Alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#showinfo #bbtn_c {background: url(../image/bigpic.png) no-repeat center center;width: 60px;height: 60px;position: absolute;left: 320px;top: 195px;z-index: 101;display: none;cursor: pointer;}
#showinfo #bbtn_l {width: 60px;height: 60px;background: url(../image/butl.png) no-repeat;_background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/butl.png');float: left;cursor: pointer;position: absolute;left: 10px;top: 195px;z-index: 101;display: none;}
#showinfo #bbtn_r {width: 60px;height: 60px;background: url(../image/butr.png) no-repeat;_background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/butr.png');float: left;cursor: pointer;position: absolute;right: 10px;top: 195px;z-index: 101;display: none;}
#showinfo #spic {width: 610px;height: 64px;margin: 0 auto;}
#showinfo #sbtn_l {width: 14px;height: 20px;margin: 22px 8px 0px 8px;_margin: 22px 5px 0px 5px;background: url(../image/arrow_l.png) no-repeat;_background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/arrow_l.png');float: left;cursor: pointer;}
#showinfo #sbtn_r {width: 14px;height: 20px;margin: 22px 8px 0px 8px;_margin: 22px 5px 0px 5px;background: url(../image/arrow_r.png) no-repeat;_background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/arrow_r.png');float: left;cursor: pointer;}
#showinfo #spic_con {float: left;height: 64px;width: 550px;position: relative;overflow: hidden;}
#showinfo #spic_con ul {position: absolute;}
#showinfo #spic_con li {float: left;width: 110px;height: 64px;}
#showinfo .spic_img {height: 60px;width: 90px;border: solid 2px #EEE;margin: 0 auto;text-align: center;}
#showinfo .cur {border: solid 2px #13ab01;}
#showinfo .swiper-container {display:none;}

#form_msg .ipt {width: 97%;border: solid 1px #CCC;height: 33px;line-height: 33px;padding: 0 1%;margin-top: 10px;}
#form_msg .ipt:focus {border: solid 1px #13ab01;-moz-box-shadow: 1px 1px 3px #13ab01;-webkit-box-shadow: 1px 1px 3px #13ab01;box-shadow: 1px 1px 3px #13ab01;}
#form_msg textarea {width: 97%;padding: 1%;height: 60px;line-height: 20px;border: solid 1px #CCC;margin-top: 10px;}
#form_msg textarea:focus {border: solid 1px #13ab01;-moz-box-shadow: 1px 1px 3px #13ab01;-webkit-box-shadow: 1px 1px 3px #13ab01;box-shadow: 1px 1px 3px #13ab01;}
#form_msg .btn {background: #13ab01;border: 1px solid #13ab01;color: #FFF;height: 35px;line-height: 30px;text-align: center;margin-top: 15px;margin-right: 10px;cursor: pointer;padding: 0 30px;font-family: "微软雅黑";font-size: 18px;}
#form_msg .btn:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: #FFF;color: #13ab01;}
#showpro #prospic {float: left;height: 300px;width: 65px;margin-top: 15px;}
#showpro #prosbtn_up {width: 52px;height: 8px;margin-bottom: 7px;background: url(../image/arrow.png) no-repeat center top;cursor: pointer;overflow: hidden;}
#showpro #prosbtn_dw {width: 52px;height: 8px;background: url(../image/arrow.png) no-repeat center bottom;cursor: pointer;margin-top: 7px;overflow: hidden;}
#showpro #prospic_con {height: 270px;width: 52px;position: relative;overflow: hidden;}
#showpro #prospic_con ul {position: absolute;}
#showpro #prospic_con li {float: left;width: 52px;height: 54px;}
#showpro .prospic_img {height: 40px;width: 48px;border: solid 1px #DDD;text-align: center;margin-top: 6px;}
#showpro .prospic_img img {vertical-align: middle;margin-right: -1px;}
#showpro .prospic_img span {display: -moz-inline-box;/*针对火狐*/
}
#showpro .prospic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#showpro .procur {border: solid 2px #13ab01;}
#showpro #probpic {float: left;width: 360px;text-align: center;height: 300px;border: solid 1px #DDD;margin-top: 15px;position: relative;background: #FFF;}
#showpro #probpic a {display: block;text-align: center;margin: 0px auto;}
#showpro #probpic img {border: 0px;}
#showpro #prodes {float: right;width: 450px;line-height: 25px;font-size: 14px;margin-top: 15px;}
#showpro #prodes h2 {color: #000;font-size: 20px;font-weight: normal;}
#showpro #prodes h3{color:#999;font-size:18px;margin-top:5px;font-weight:normal;}
#showpro #prodes .swiper-container {display:none;}
#showpro #procon {line-height: 28px;font-size:14px;margin-top:50px;overflow:hidden;}
#showpro #procon h2{height:45px;border-top:solid 1px #DDD;border-bottom:solid 1px #DDD;}
#showpro #procon h2 div {float: left;background: #13ab01;padding: 0 30px;height: 47px;line-height: 47px;font-size: 16px;color: #FFF;font-weight: normal;margin:-1px;}
#showpro #procon h2 span {float:right;background:url(../image/back.png) no-repeat left center;padding-left:30px;font-size:14px;font-weight:normal;margin-top:10px;}
#showpro #procon article {margin: 20px 10px;}
.bdsharebuttonbox .sina {width: 10px;height: 25px;background: url(../image/share_icon.png) no-repeat -50px 0px;}
.bdsharebuttonbox .weixin {width: 10px;height: 25px;background: url(../image/share_icon.png) no-repeat 0px 0px;}
.bdsharebuttonbox .qzone {width: 10px;height: 25px;background: url(../image/share_icon.png) no-repeat -150px 0px;}
.bdsharebuttonbox .tqq {width: 10px;height: 25px;background: url(../image/share_icon.png) no-repeat -100px 0px;}
.bdsharebuttonbox .sqq {width: 10px;height: 25px;background: url(../image/share_icon.png) no-repeat -200px 0px;}

.tags li {width: 48%;display: inline-block;}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden1{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;margin: 0 auto;}

/*wap*/
.overlay {position: fixed;z-index: 99;background-color: rgba(0,0,0,.5);bottom: 0;right: 0;left: 0;}
.openmenu .overlay {top: 0}
#pgcontainer {padding: 0;margin: 0}
#menu {height: 100%;width: 0;background: #000;position: fixed;top: 0;right: 0;z-index: 101;overflow:auto;-webkit-box-shadow: 3px 0 7px rgba(0,0,0,.55);-moz-box-shadow: 3px 0 7px rgba(0,0,0,.55);box-shadow: 3px 0 7px rgba(0,0,0,.55);display:none;}
#menu .close {height:35px;width:35px;position:absolute;right:5px;top:5px;cursor:pointer;}
#menu .close:before {content:"\e654";font-family:"iconfont" !important;color:#FFF;font-size:20px;line-height:35px;}
#menu ul {margin-top: 45px;z-index: 101;overflow-y: auto;overflow-x: hidden}
#menu ul li {display: block}
#menu ul li a {display: block;min-width: 130px;padding: 10px 20px;color: #cdcdcd;font-size: 16px;text-decoration: none;text-align: left;}
#menu li a:hover {color: #FFF;background: #13ab01}
#menu ul li ul {display:none;margin-top: 0px;}
#menu ul li ul li a {padding: 5px 10px 5px 35px;font-size: 14px;}
.odline {display:none;position: fixed;left: 0;bottom: 0px;width: 100%;height: 50px;background: #222;z-index: 999;-moz-box-shadow: 0px -1px 1px #990004;-webkit-box-shadow: 0px -1px 1px #990004;box-shadow: 0px -1px 1px #000;}
.odline li {display:inline-block;width:25%;height: 50px;margin-right:-3px;text-align:center;border-right: solid 1px #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.odline li a {color:#FFF;}
.odline li span {display:block;margin-top:3px;}
.odline li span:before {font-family:"iconfont" !important;font-size:20px;}
.odline li:nth-child(1) a>span:before {content:"\e62b";}
.odline li:nth-child(2) a>span:before {content:"\e610";}
.odline li:nth-child(3) a>span:before {content:"\e604";}
.odline li:nth-child(4) a>span:before {content:"\e649";}
@media screen and (max-width:1220px){
	.kk{ width:100%; padding:0 10px;box-sizing:border-box;}
}



@media screen and (max-width: 768px) {.menu,.od .kk,header .tel {	display:none;}
	.odline { display:block;}
	.kk {	width: 100%;	margin: 0 auto;	overflow:hidden;}
	header {	margin-top:30px;	padding-bottom:0;}
	header .od {	position:fixed;	top:0;	width:100%;	z-index:9999;	margin-bottom:0;}
	header .menubtn {	position:relative;	width:30px;	height:30px;	float:right;	margin-right:5px;	cursor:pointer;	text-align:center;}
	header .menubtn:before {	content:"\e639";    font-family:"iconfont" !important;	color:#DDD;	font-size:24px;	line-height:30px;}
	header .menubtn:hover  {	background:#EEE;}
	header .menubtn:hover:before {	color:#000;}
    header .logo {	width:100%;	text-align:center;padding:10px 0;}
	#banner .img {	height:auto;}
	#banner .img img {    display:block;	width:100%;}
 	#mid .hmpic {    margin-left:0px;    margin-top:0px;}
	#mid .hmpic li {	width:90%;	margin-left:5%;	margin-right:5%;    margin-top:30px;}	
	#mid .hmpro {	padding:30px 10px;}
	#mid .hmpro .tit {	display:block !important;}
	#mid .hmpro .promenu {	display:none;}
	#mid .hmpro article {	width:100%;	margin-right:0;}
	#mid .hmpro article li {	width:23.5%;	padding-left:0;}
	#mid .hmab {	padding:30px 10px;}
	#mid .hmys {	padding:30px 10px;}
	#mid .hmys h1 {	font-size:30px;}
	#mid .hmys h2 {	font-size:18px;}
	#mid .hmys ul li .img {	width:35%;	vertical-align: top;}
	#mid .hmys ul li article {	width:61%;	padding:0 2% 30px 2%;	vertical-align: top;}
	#mid .hmys ul li:nth-child(even) article {margin-top:0;}
	#mid .hmys ul li article h3 {font-size:25px;}
	#mid .hmys ul li article p {font-size:16px;}
	#mid .hmcase {padding:30px 10px;}
	#mid .hmnews {padding:30px 10px;}	
    #mid .hmkh {padding:30px 10px;    }
	footer {padding:20px;	padding-bottom:60px;}
	footer .link {display:none;}
	footer .ewm {float:none;	margin-left:0;	margin-bottom:10px;	text-align:center;}
	footer .ewm img {margin:0 auto;}
	#mid .left {display:none;}
	#mid .right {float:none;	width:100%;	border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:0;}
	#mid .right h1 {line-height: 45px;	height: 45px;	font-size: 16px;	background:#13ab01;	-moz-box-shadow: none;	-webkit-box-shadow:none;	box-shadow:none;	padding:0 20px;}
	#mid .right h1 .fright {display:none;}
	#mid .right h1 div {float: none;	background: none;	border: none;	margin-left:0;	margin-top:0;}
	#mid .right h1 div:after {display:none;}
	#mid .right h1 div span {padding: 0px;	color:#FFF;	font-size:18px;}
	#mid .newslist ul li {width:50%;}
	#showpro #prospic,#showpro #probpic ,#showinfo #bpicmain ,#showinfo #spic{	display:none;}
	#showpro #prodes {	float:none;	width: 100%;}
	#showpro #procon article {	margin: 20px 0px;}
	#showpro #prodes .swiper-container,#showinfo .swiper-container {	display:block;	margin-top:20px;}
	#showpro #prodes .swiper-container .swiper-pagination-bullet,#showinfo .swiper-container .swiper-pagination-bullet {	width:12px;	height:12px;	background:#999;	-webkit-border-radius: 12px;	-moz-border-radius: 12px;	border-radius: 12px;	filter: Alpha(opacity=70);	-moz-opacity: .70;	opacity: 0.70;}
	#showpro #prodes .swiper-container .swiper-pagination-bullet-active,#showinfo .swiper-container .swiper-pagination-bullet-active {	background:#13ab01;}
	#showinfo .date,#showinfo .bdsharebuttonbox {	float:left;	display:block;	width:100%;}
    #showinfo .date .fb,#showinfo .date .fs , .city{	display:none;}
	header .logo b {font-size: 20px;}

}
@media screen and (max-width: 420px) {#mid .hmpic li article h3 {	font-size:20px;	margin-top:5%;}
	#mid .hmpic li article p {	font-size:14px;	margin-top:10px;}
	#mid .hmpic li article .btn {	display:inline-block;	margin-top:10px;	border:solid 1px #FFF;	padding:5px 10px;	font-size:12px;}
	#mid .hmpro article li {	width:49%;	padding:1%;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}	
	#mid .hmpro article li:nth-child(2n+0) {	margin-right:0;}
	#mid .hmys ul li .img {	width:100%;}
	#mid .hmys ul li article {	width:96%;}
	#mid .hmcase ul li {	width:49%;}
	#mid .hmcase ul li:nth-child(2n+0) {	margin-right:0;}
	#mid .hmnews ul {	width:100%;	margin-right:0;	margin-left:0;	margin-top:30px;}
	#mid .piclist li,#mid .piclist2 li {	width:47%;	margin-right:2%;	margin-left:-3px;	padding:0 1%;	margin-bottom:30px;	text-align:center;	vertical-align:top;}
	#mid .piclist li:nth-child(3n+0),#mid .piclist2 li:nth-child(3n+0) {	margin-right:2%;}
	#mid .piclist li:nth-child(2n+0),#mid .piclist2 li:nth-child(2n+0) {	margin-right:0;}
	#mid .newslist ul li {	width:100%;}
	ul.index_news li .news_time { display:none;}

}
@media screen and (max-width: 320px) {
}